﻿* {
    font-family:\5FAE\8F6F\96C5\9ED1;
    color: #333;

}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color:#000;
}

a {
    text-decoration: none;
    color:#000;
}
img {
    vertical-align:middle;
}
li {
    list-style: none;
}
body {
    font-size:62.5%;
}

.fs-20 {
    font-size:200% !important;
}
.fs-18 {
    font-size:180% !important;
}
.fs-16 {
    font-size:160% !important;
}
.fs-15 {
    font-size:150% !important;
}
.fs-14 {
    font-size:140% !important;
}
.fs-12 {
    font-size:120% !important;
}

.lh-22 {
    line-height:184%;
}
.lh-30 {
    line-height:250%;
}
.lh-40 {
    line-height:334%;
}
.fs18-lh-30 {
    line-height:167% !important;
}

.mt-10 {
    margin-top: 2.78% !important;
}
.mt-20 {
    margin-top: 5.56% !important;
}
.mt-30 {
    margin-top: 8.34% !important;
}
.ml-10 {
    margin-left: 2.78% !important;
}
.ml-20 {
    margin-left: 5.56% !important;
}

.pt-10 {
    padding-top: 2.78% !important;
}
.pt-20 {
    padding-top: 5.56% !important;
}
.pl-5 {
    padding-left:1.4% !important;
}
.pl-10 {
    padding-left: 2.78% !important;
}
.pl-20 {
    padding-left: 5.56% !important;
}
.p-5 {
     padding:1.4% !important;
}

.tr {
    text-align:right !important;
}
.tl {
    text-align:left !important;
}

.logo {
    background-color: #14a5dc;
    min-height:30px;
    line-height:30px;
    overflow:hidden;
    width:100%;
}
.logo div{
    margin-top:1%;
}
.logo .logo-img{
    width:60%;
    max-width:120px !important;
    margin-left:10px;
}
.logo .account{
    width:15%;
    max-width:30px !important;
    margin-right:10px;
}
.btn{
    background: none repeat scroll 0 0 #14a5dc;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    font-size: 160%;
    line-height:210%;
    width: 60%;
    -webkit-appearance: none;
}
.sms-btn{
    border:0;
    height:30px !important;
    color: #fff;
    border-radius: 3px  !important;
    font-size: 15px !important;
    background-color: #ef6900  !important;                      
}

.sms-disabled{
    color:#777777;
    background-color:#d8d8d8 !important;     
}
.add-btn{
	display:block;
	font-size:17px;
	background:url(/web/mobile/img/account/add.png) no-repeat 25% center #0070bc;
	background-size:8%;
	width:80%;
	margin:0 auto;
	padding:1% 0;
	}
.red {
    color:red;
}
.disabled {
    background: none repeat scroll 0 0 #999999 !important;
}
.logo {
    padding-bottom:1%;
}
.logo a {
    color: #fff;
    font-size: 180%;
}
.logo a:link {
-webkit-tap-highlight-color: #fcd700;
}

.menu a{
    display:block;
    float:left;
    width:33.3%;
    color:#000;
    line-height:240%;
    font-size: 160%;
}
.menu .current {
    color:#0070bc;
}
.menu {
    border-bottom: 1px solid #e8e8e8;
}

  .zwindow_cont .btn {
            font-size: 16px;
            width: 40%;
        }
.foot {
    background: url("../images/dibg.jpg") no-repeat scroll 0 0  rgba(0, 0, 0, 0);
    background-size:100%;
    color: #fff;
    line-height: 220%;
    padding:5% 0;
    text-align: center;
}
.foot a{color: #fff;}
.foot img{margin:5% 0;}
.foot p{
     color: #fff;
     font-size:140%;
}
.foot-b{
    color:#7c7c7c;
    background-color:#161616;
    text-align:center;
    line-height: 220%;
    padding:5% 0;
    font-size:140%;
}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
    body {
        font-size:90%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    body {
        font-size:105%;
    }
}

@media only screen and (max-width: 767px) {
   
    .row {
        margin: 0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .row {
        margin: 0;
    }
}